<script setup lang="ts">
import { ref } from 'vue'
import CloseActive from './close-active.svg'
import Close from './close.svg'

const active = ref(false)
</script>

<template>
  <i
    class="close-icon"
    @mouseover="active = true"
    @mouseout="active = false"
  >
    <img
      :src="active ? CloseActive : Close"
      alt=""
    >
  </i>
</template>
